import { Tabs } from 'antd'
import Toolkit from './toolkit'
import ToolkitCount from './toolkit/index.count'
import Saga from './saga'
import MobxLite from './mobx-lite'
import Mobx from './mobx'
import Context from './context'
export default function StoreComponent() {
	const items = [
		{
			label: 'Toolkit 异步',
			key: 'toolkit',
			children: <Toolkit />
		},
		{
			label: 'Toolkit 同步',
			key: 'toolkit-count',
			children: <ToolkitCount />
		},
		{
			label: 'Saga',
			key: 'saga',
			children: <Saga />
		},
		{
			label: 'Mobx-Lite',
			key: 'mobx-lite',
			children: <MobxLite />
		},
		{
			label: 'Mobx',
			key: 'mobx',
			children: <Mobx />
		},
		{
			label: 'Context',
			key: 'context',
			children: <Context />
		}
	]
	return <Tabs items={items} type="card" />
}
